<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
    	<title>Dijit Test Page</title>    
    
	<link rel="stylesheet"
			href="dojo/dijit/themes/tundra/tundra.css" />
    
	<!-- load the dojo toolkit base -->
	<script type="text/javascript" src="dojo/dojo/dojo.js"
	    djConfig="parseOnLoad:true, isDebug:true"></script>

	<script type="text/javascript">	
	// our code, and dojo.requires() 
	dojo.require("dijit.Dialog");
	dojo.require("dijit.form.Button");
	dojo.addOnLoad(function(){
	    // make the button
	    // make the button
	    var theButton = new dijit.form.Button({
		onClick:function(){
		    dijit.byId("sampleNode").show();
		}
	    },"myButton");
	    var theButton = new dijit.form.Button({
		onClick:function(){
			dijit.byId("sampleNode").setHref("sample.txt");
		}
	    },"otherButton")

	});

	</script>
    
    </head>
    <body class="tundra"><!-- this is a Typical WebPage starting point ... -->
	<h1 id="testHeading">Dijit Skeleton Page</h1>

	<!-- empty placeholder nodes -->
	<div id="sampleNode"></div>
	<div id="anotherNode"></div>
	
 <div id="sampleNode">
	<p>I am the Content inside the dialog.</p>
    </div>
    <button id="myButton">
	Show Button
    </button>
    <button id="otherButton">
	Change Dialog
    </button>
    
    </body>
</html>